<h1>Be patient, relax your eyes. Already <%= @task.results.size %> censored</h1>
<hr>
<div style="text-align: center;" class="table-responsive">
	<%= @task.valid_finger_ids.size %>/<%= @task.num_of_fingers %> | <%= @task.fingers.size %>-<%= @task.fingers.invalid.size %>
	<table class="table">
		<tr>
			<th>sample1</th>
			<th>sample2</th>
		</tr>
		<tr>
			<td><%= @sample1.id %></td>
			<td><%= @sample2.id %></td>

		</tr>
		<tr>
			<td><img src="<%= images_serve_path(sample_id: @sample1.id) %>" height="300px"></td>
			<td><img src="<%= images_serve_path(sample_id: @sample2.id) %>" height="300px"></td>
		</tr>
	</table>
</div>

<div style="text-align: center;">
	<%= link_to "SAME", censor_solve_path(task_id: @task.id, sample1_id: @sample1.id, sample2_id: @sample2.id, answer: 'YES'), class: 'btn btn-success btn-lg big-button' %>
	<%= link_to "DIFFERENT", censor_solve_path(task_id: @task.id, sample1_id: @sample1.id, sample2_id: @sample2.id, answer: 'NO'), class: 'btn btn-warning btn-lg big-button' %>
	<% if @finger == @finger2 %>
		<%= link_to "DISCARD", censor_solve_path(task_id: @task.id, sample1_id: @sample1.id, sample2_id: @sample2.id, answer: 'DISCARD'), class: 'btn btn-lg btn-danger' %>
	<% end %>
</div>
